import React, {Component} from 'react';
import {
  StyleSheet, View, Text, Keyboard,
  Image, StatusBar, BackHandler,
  KeyboardAvoidingView, DeviceEventEmitter,
} from 'react-native';
import {TabView } from 'teaset';
import Home from '../Home/index';
import {Actions} from 'react-native-router-flux';

export default class Main extends Component {
  componentDidMount() {
  }

  render() {
    return (
    <TabView style={{flex: 1}} type='projector'>
      <TabView.Sheet
        title='首页'
        // icon={require('../icons/home.png')}
        // activeIcon={require('../icons/home_active.png')}
      >
        <Home />
      </TabView.Sheet>
      <TabView.Sheet
        title='质量安全'
        // icon={require('../icons/home.png')}
        // activeIcon={require('../icons/home_active.png')}
      >
        <Text>质量安全</Text>
      </TabView.Sheet>
      <TabView.Sheet
        title='资料'
        // icon={require('../icons/me.png')}
        // activeIcon={require('../icons/me_active.png')}
        badge={1}
      >
        <Text>资料</Text>
      </TabView.Sheet>
    </TabView>
      )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'red',
  },
});

